<!DOCTYPE HTML>
<html>

<head>
	<meta charset="UTF-8">
	<title>createGameDemo</title>
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
	<style>
		body{
			margin: 0;
			padding: 0;
		}
	</style>
</head>

<body>
	<script src="../libs/question.js"></script>
	<script src="../libs/Unify.js"></script>
	<script src='../libs/easeljs.js'></script>
	<script src="../libs/createui.js"></script>
	<script src="../libs/createEvent.js"></script>
	<script src="../libs/createSprite.js"></script>
	<script src="../libs/createGame.js"></script>
	<script src="../libs/Tone.js"></script>
	<script src="../libs/SoundFactory.js"></script>
	<script src="../libs/PinyinFactory.js"></script>
	<script src="../libs/ColorManager.js"></script>
	<script src="../libs/vconsole.js"></script>
	<canvas id='canvas'></canvas>
	<script>
		// mColor.colorNormal = '#224511';
		// mColor.colorOver = '#006660';
		// mColor.colorDown = '#0037AE';
		// mColor.colorFont='#dddddd';
		// mColor.colorBack='#004500';
	    // mColor.colorFront='#57FF60';
		uiconfig.roundAngle = 10;
		const [stageWidth, stageHeight] = [window.innerWidth, window.innerHeight];
		var canvas=document.getElementById('canvas');
		canvas.width=stageWidth;
		canvas.height=stageHeight;
		const stage = createui.initStage(canvas);

		var game=new MainGame();
		stage.addChild(game);
		window.onload=function(){
			var vConsole = new VConsole();
		}
	</script>
</body>

</html>